<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>axios</title>
  </head>
  <body>
    <pre>
        async和await出现为了更好的优化Promise
        1：async和await是ES7提供的语法
        2：async和await 必须结合使用
        3：async用来修饰函数,作用是返回的是Promise的对象
        4：await后面跟上异步任务结果，必须写到函数内容
        5：await的作用是返回异步数据结果
    </pre>
    <script src="../node_modules/axios/dist/axios.js"></script>
    <script>
      async function test() {
        const val = await axios.get('http://localhost:3000/axios', {
          params: {
            id: '我用params发送的id',
          },
        })
        console.log(val.data)
        return val.data
      }
      var val = test()

      //   axios
      //     .get('http://localhost:3000/axios', {
      //       params: {
      //         id: '我用params发送的id',
      //       },
      //     })
      //     .then((data) => {
      //       // const { data: res } = data
      //       //   console.log(res)
      //       console.log(data)
      //     })
    </script>
  </body>
</html>
